<div  id="appp">
    <li v-for="item1 in parentlist">
        <h4>{{item1.childName}}</h4>
        <ul class="sortul" v-for="item2 in item1.children">
            <li ><a @click="setCId(item2.id)">{{item2.childName}}</a></li>
        </ul>
        <div class="clearh"></div>
    </li>
</div>

<script src="js/vue.js"></script>
<script>
    new Vue({
        el:"#appp",
        data:{
            parentlist:[{"childName":"外语考试","children":[{"childName":"专业六级","id":10,"parentId":2,"sort":0},{"childName":"专业四级","id":9,"parentId":2,"sort":0}],"id":2,"parentId":0,"sort":5},{"childName":"操作系统","children":[{"childName":"Windows","id":12,"parentId":4,"sort":0}],"id":4,"parentId":0,"sort":5},{"childName":"数据库","children":[{"childName":"ORACLE","id":17,"parentId":1,"sort":1},{"childName":"MYSQL","id":8,"parentId":1,"sort":0}],"id":1,"parentId":0,"sort":4},{"childName":"公务员","children":[{"childName":"面试","id":15,"parentId":7,"sort":1},{"childName":"行测","id":16,"parentId":7,"sort":0}],"id":7,"parentId":0,"sort":0},{"childName":"移动开发","children":[{"childName":"移动通信","id":11,"parentId":6,"sort":0}],"id":6,"parentId":0,"sort":0},{"childName":"教师资格证","children":[{"childName":"小学","id":13,"parentId":5,"sort":1},{"childName":"高中","id":19,"parentId":5,"sort":0},{"childName":"初中","id":14,"parentId":5,"sort":0}],"id":5,"parentId":0,"sort":0}]
        }
    });
</script>
